<ion-header>
    <ion-navbar core-back-button>
        <ion-title>{{ 'addon.mod_chat.currentusers' | translate }}</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
                <ion-icon name="close"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>
<ion-content>
    <core-loading [hideUntil]="usersLoaded">
        <ion-item text-wrap *ngFor="let user of users" [class.addon-mod-chat-user]="currentUserId != user.id && isOnline">
            <ion-avatar core-user-avatar [user]="user" item-start></ion-avatar>
            <h2>{{ user.fullname }}</h2>
            <ng-container *ngIf="currentUserId != user.id && isOnline">
                <button ion-button clear icon-left (click)="talkTo(user)">
                    <ion-icon name="chatboxes"></ion-icon>
                    {{ 'addon.mod_chat.talk' | translate }}
                </button>
                <button ion-button clear icon-left (click)="beepTo(user)">
                    <ion-icon name="notifications"></ion-icon>
                    {{ 'addon.mod_chat.beep' | translate }}
                </button>
            </ng-container>
        </ion-item>
    </core-loading>
</ion-content>
